<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>zyUpload</title>
		<link rel="stylesheet" href="css/zyUpload.css" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/zyFile.js"></script>
		<script src="js/zyUpload.js"></script>
	</head>
	<body>
		<div class="uploadfile"></div>
		
		<script type="text/javascript">
			$(function () {
				$(".uploadfile").zyUpload({
					width            :   "650px",                 // 宽度
					height           :   "400px",                 // 宽度
					itemWidth        :   "120px",                 // 文件项的宽度
					itemHeight       :   "100px",                 // 文件项的高度
					url              :   "/upload",  			// 上传文件的路径
					multiple         :   true,                    // 是否可以多个文件上传
					dragDrop         :   false,                    // 是否可以拖动上传文件
					del              :   true,                    // 是否可以删除文件
					finishDel        :   false,  				  // 是否在上传文件完成后删除预览
					/* 外部获得的回调接口 */
					onSelect: function(files, allFiles){                    // 选择文件的回调方法
						/*console.info("当前选择了以下文件：");
						console.info(files);
						console.info("之前没上传的文件：");
						console.info(allFiles);*/
					},
					onDelete: function(file, surplusFiles){                     // 删除一个文件的回调方法
						/*console.info("当前删除了此文件：");
						console.info(file);
						console.info("当前剩余的文件：");
						console.info(surplusFiles);*/
					},
					onSuccess: function(file){                // 文件上传成功的回调方法
						/*console.info("此文件上传成功：");
						console.info(file);*/
					},
					onFailure: function(file){                    // 文件上传失败的回调方法
						/*console.info("此文件上传失败：");
						console.info(file);*/
					},
					onComplete: function(responseInfo){           // 上传完成的回调方法
						/*console.info("文件上传完成");
						console.info(responseInfo);*/
					}
				})
			})
		</script>
	</body>
</html>
